<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>范客生活</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/all_banners.css">
		<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script src="js/plugins.js"></script>
		<script src="js/jquery.glide.min.js"></script>
		<script src="js/faxsun.js"></script>
	</head>
	<body>
		<header>
			<nav>
				<div class="logo">
					<a href="indx.html">
						<img src="img/m_logo.png" alt="logo">
					</a>
				</div>
				
				<div class="nav">
					<a>首页</a>
					<a>产品</a>
					<a>热门</a>
					<a>合作</a>
				</div>
				
				<div class="buttons">
					<a>登录</a>
					<a href="http://www.faxsun.com/high-tech">逛商城</a>
				</div>
			</nav>
		</header>
		<div id="banners" class="slider">
			<ul class="slider__wrapper clearfix">
				<li class="slider__item">
					<a class="box" href="#">
						<img src="img/banner1.jpg" />
					</a>
				</li>
				<li class="slider__item">
					<a class="box" href="#">
						<img src="img/banner2.jpg" />
					</a>
				</li>
				<li class="slider__item">
					<a class="box" href="#">
						<img src="img/banner4.jpg" />
					</a>
				</li>
			</ul>
		
		</div>
		<div class="content">
			<div id="recommend">
				<h2>精品推荐</h2>
				<div class="products">
					<div class="large-area">
						
							<img alt="product1" src="img/product/Kickball-01 (2).jpg">
					
					</div>
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/BACtrack-001.jpg">
						</span>
					</div>
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/aiRider-4.jpg">
						</span>
					</div>
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/Swash Pods-1.jpg">
						</span>
					</div>
					<div class="large-area">
						<span>
							<img alt="product1" src="img/product/Tile-8.jpg">
						</span>
					</div>
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/pencil-1.jpg">
						</span>
					</div>
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/cover-blubber001.jpg">
						</span>
					</div>
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/iRobot-1.jpg">
						</span>
					</div>
					
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/a4ee9f4b55304fc286d8b886d23b85af.png">
						</span>
					</div>
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/Thinklabs One1.jpg">
						</span>
					</div>
					<div class="normal-area">
						<span>
							<img alt="product1" src="img/product/LyveHome-3(2).jpg">
						</span>
					</div>
					<div class="large-area">
						<span>
							<img alt="product1" src="img/product/mamaroo-1.jpg">
						</span>
					</div>
				</div>
			</div>
			
			<div id="categories" class="categories">
				<h2>分类测评</h2>
				<ul>
					<li>家庭</li>
					<li>户外</li>
					<li>办公</li>
				</ul>
			</div>
			
			<div id="hotspots">
				<h2>热门资讯</h2>
				<div class="hotspots">
					<div id="hotspot1" class="hotspot">
						<div class="hotspot_thumb">
							<img alt="thumb" src="img/comment/bonnic.jpg">
						</div>
						<div>
							<span class="title"><strong>液体塑料焊接器--Bondic</strong></span><br/>
							<span class="abstract">Bondic是一种液体塑料焊接器，它能够对任何的塑料、木制品以及铁制品进行粘合。区别于普通的快干胶，它在遇到空气之后是不会凝固的，你可以对它进行随意的调节。之后只需要用配套的紫外线进行照射，4秒之后就会牢牢的粘在一起。</span>
						</div>
					</div>
					<div id="hotspot1" class="hotspot">
						<div class="hotspot_thumb">
							<img alt="thumb" src="img/comment/Tile-8.jpg">
						</div>
						<div>
							<span class="title"><strong>Tile智能追踪器</strong></span><br/>
							<span class="abstract"> Tile智能追踪器是一款利用蓝牙连接手机，通过手机App寻找物品的防丢失设备。是美国新创科技公司Tile公司推出的一款设备，不仅可以快速找回绑定的物品，甚至可以组建一个失物招领的社交网站。</span>
						</div>
					</div>
					<div id="hotspot1" class="hotspot">
						<div class="hotspot_thumb">
							<img alt="thumb" src="img/comment/twist.jpg">
						</div>
						<div>
							<span class="title"><strong>Damson Twist无线蓝牙音响 评测</strong></span><br/>
							<span class="abstract">音箱本是外放设备，传统音箱都是通过空气发送音频震动，将音乐推送到耳朵上，他人不可能听不到。但是Twist这款音箱却是通过物体的表面震动来传递音频信号，其驱动单元位于音箱底部，将音箱放在桌子上，然后把手放在桌上就能听到音箱里传来的歌声。Twist 音箱这一技术被研发公司Damson称为Incisor Diffusion，有点类似于骨传导耳机技术，相较于传统音箱通过空气震动传播的方式，能达到“更小的扬声器、更洪亮的声音”的效果。</span>
						</div>
					</div>
					<div id="hotspot1" class="hotspot">
						<div class="hotspot_thumb">
							<img alt="thumb" src="img/comment/bonnic.jpg">
						</div>
						<div>
							<span class="title"><strong>液体塑料焊接器--Bondic</strong></span><br/>
							<span class="abstract">Bondic是一种液体塑料焊接器，它能够对任何的塑料、木制品以及铁制品进行粘合。区别于普通的快干胶，它在遇到空气之后是不会凝固的，你可以对它进行随意的调节。之后只需要用配套的紫外线进行照射，4秒之后就会牢牢的粘在一起。</span>
						</div>
					</div>
					<div id="hotspot1" class="hotspot">
						<div class="hotspot_thumb">
							<img alt="thumb" src="img/comment/Tile-8.jpg">
						</div>
						<div>
							<span class="title"><strong>Tile智能追踪器</strong></span><br/>
							<span class="abstract"> Tile智能追踪器是一款利用蓝牙连接手机，通过手机App寻找物品的防丢失设备。是美国新创科技公司Tile公司推出的一款设备，不仅可以快速找回绑定的物品，甚至可以组建一个失物招领的社交网站。</span>
						</div>
					</div>
					<div id="hotspot1" class="hotspot">
						<div class="hotspot_thumb">
							<img alt="thumb" src="img/comment/twist.jpg">
						</div>
						<div>
							<span class="title"><strong>Damson Twist无线蓝牙音响 评测</strong></span><br/>
							<span class="abstract">音箱本是外放设备，传统音箱都是通过空气发送音频震动，将音乐推送到耳朵上，他人不可能听不到。但是Twist这款音箱却是通过物体的表面震动来传递音频信号，其驱动单元位于音箱底部，将音箱放在桌子上，然后把手放在桌上就能听到音箱里传来的歌声。Twist 音箱这一技术被研发公司Damson称为Incisor Diffusion，有点类似于骨传导耳机技术，相较于传统音箱通过空气震动传播的方式，能达到“更小的扬声器、更洪亮的声音”的效果。</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<footer>
			<dl class="friend_links w1200">
				<h2>合作伙伴</h2>
				<dd class="clearfix">
					<div>
						<a href="http://www.andson.cn/" target="_blank" class="andson" alt="andson">andson</a>
					</div>
					<div>
						<a href="http://www.ka360.com.cn/" target="_blank" class="ka360" alt="ka360">ka360</a>
					</div>
					<div>
						<a href="https://www.paysss.com/" target="_blank" class="clever" alt="clever">clever</a>
					</div>
				</dd>
			</dl>
			<div class="copy">
				<p>沪ICP备14044544号</p>
				<p>Copyright <span style="font-family:Arial">©</span> 2014 - <a href="http://www.faxsun.com/aboutus/" target="_blank">福克森信息科技有限公司</a>。</p>
			</div>
		</footer>
	</body>
	
</html>